<template>
	<view class="applyfor">
		<view class="applyfor-bg">
			
			<view class="form-box">
				<view class="form-city">
					请选择所在区域
				</view>
				<citySelector ref="citySelector"  @update="getCityInfo" />
			</view>
		</view>
		<button class="zx-btn sm applyfor-btn" @click="openExamine">
			提交审核
		</button>
	</view>
</template>

<script>
	import citySelector from '@/components/cu-dialog/city-selector.vue'
	export default {
		data() {
			return {
				cityList:[]
			}
		},
		onLoad(){
			
			// this.$citySelector.cityHeaderList=[]
		},
		components:{citySelector},
		methods: {
			openExamine(){
				uni.navigateTo({
					url:"/pages/submit-page/examine"
				})
			},
			getCityInfo(val){

				this.cityList=val
			}
		}
	}
</script>

<style lang="scss" scoped>
	.applyfor{
		
		.applyfor-bg{
			height: 360rpx;
			position: relative;
			background-image: linear-gradient(to bottom, #3176FC, #D8D8D8,#fff);
			.form-box{
				position: absolute;
				top: 24rpx;
				left: 24rpx;
				right: 24rpx;
				height: 300rpx;
				background-color: #fff;
				border-radius: 24rpx;
				padding: 48rpx 40rpx;
				.form-city{
					font-weight: bold;
					font-size: 32rpx;
					margin-bottom: 40rpx;
				}
			}
		}
				.applyfor-btn{
					position: fixed;
					bottom: 60rpx;
					left: 50%;
					transform: translateX(-50%);
					width: 460rpx;
				}
				
	}

</style>
